<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="res/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="res/css/main.css">
<link rel="stylesheet" href="res/css/index.css">
<title>更多精彩集锦</title>
<style>

	
/** 动态 */
.banner{height:320px;margin-top:80px;}
.banner.news{background: url(res/img/nav_img3.jpg) no-repeat center top; background-size: cover;}
.banner .title{padding-top: 170px;}
.banner .title.active{padding-top: 120px; transition: 1.5s;}
.banner .title p{color: #606060; font-size: 36px; text-align: center; line-height: 50px; letter-spacing: 5px;}
.banner .title p.en{font-size: 20px; letter-spacing: 3px;}
.main-news{padding: 70px 0 80px 0;}
.main-news .content > div{padding-bottom: 40px; border-bottom: 1px dashed #eaeaea; position: relative;}
.main-news .content .news-img{display: inline-block; width: 30%; vertical-align: top;}
.main-news .content .news-img img{max-width: 90%;}
.main-news .content .news-panel{display: inline-block; width: 65%; vertical-align: top; padding-left: 5px; box-sizing: border-box;}
.main-news .content .news-panel strong a{display: block; color: #555; font-size: 18px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.main-news .content .news-panel p.detail{color: #777; line-height: 24px;}
.main-news .content .news-panel p.read-push{color: #AAA; padding-top: 5px;}
.main-news #newsPage .layui-laypage{display: block; text-align: center; margin-top: 70px;}
.main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}
/*动态详情页*/
.main-newsdate{margin-top: 80px; text-align: center;}
.main-newsdate .news{text-align: left; line-height: 104px;}
.main-newsdate h1{padding-top: 6px;}
.main-newsdate .pushtime{color: #686868; font-size: 18px; line-height: 82px;}
.main-newsdate .introTop{padding-bottom: 28px; font-size: 18px; line-height: 20px; text-align: left;}
.main-newsdate .introBott{font-size: 18px; line-height: 42px; text-align: justify; padding: 40px 0 102px 0;}
.main-newsdate img{max-width: 100%;}
	
</style>

</head>
<body>

	<!-- 导入导航栏 -->
	<div class="layui-container" style="width:100%">
	  	<%@ include file="header.jsp" %> 
  	</div>

	<!-- banner部分 -->
	<div class="banner news">
		<div class="title">
			
		</div>
	</div>
	<!-- main -->
	<div class="main-news">
		<div class="layui-container">
			<div class="layui-row layui-col-space12">
				<div class="layui-col-lg6 content">
					<div>
						<div class="news-img">
							<a href="InfoDetail.jsp"><img src="res/img/news_img1.jpg"></a>
						</div>
						<div class="news-panel">
							<strong><a href="InfoDetail.jsp">一直在你身边对你好，你却没有发现。</a></strong>
							<p class="detail">
								<span>找老婆要找爱发脾气的女人。永远不会发脾气的女人就如同一杯白开水，解渴，却无味。而发脾气的女人正如烈酒般，刺激而令人无法忘怀。</span><a
									href="InfoDetail.jsp">[详细]</a>
							</p>
							<p class="read-push">
								阅读 <span>120</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span>
							</p>
						</div>
					</div>
				</div>
				<div class="layui-col-lg6 content">
					<div>
						<div class="news-img">
							<a href="InfoDetail.jsp"><img src="res/img/news_img1.jpg"></a>
						</div>
						<div class="news-panel">
							<strong><a href="InfoDetail.jsp">写经验交流材料的技巧全在这了！</a></strong>
							<p class="detail">
								<span>看不到您的原稿，这样对空发议论，估计对您的指导性是不大的。建议您将原稿贴出来，好让老师们针对指导。这里简单给出意见：</span><a
									href="InfoDetail.jsp">[详细]</a>
							</p>
							<p class="read-push">
								阅读 <span>835</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span>
							</p>
						</div>
					</div>
				</div>
				<div class="layui-col-lg6 content">
					<div>
						<div class="news-img">
							<a href="InfoDetail.jsp"><img src="res/img/news_img1.jpg"></a>
						</div>
						<div class="news-panel">
							<strong><a href="InfoDetail.jsp">一直在你身边对你好，你却没有发现。</a></strong>
							<p class="detail">
								<span>找老婆要找爱发脾气的女人。永远不会发脾气的女人就如同一杯白开水，解渴，却无味。而发脾气的女人正如烈酒般，刺激而令人无法忘怀。</span><a
									href="InfoDetail.jsp">[详细]</a>
							</p>
							<p class="read-push">
								阅读 <span>120</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span>
							</p>
						</div>
					</div>
				</div>
			
				<div class="layui-col-lg6 content">
					<div>
						<div class="news-img">
							<a href="InfoDetail.jsp"><img src="res/img/news_img1.jpg"></a>
						</div>
						<div class="news-panel">
							<strong><a href="InfoDetail.jsp">脾气不好的妈妈好好读读这篇文章，真的是细思极恐</a></strong>
							<p class="detail">
								<span>一个母亲要是控制不了自己的情绪，会发生多可怕的事情？去年一个9岁的男孩，因为弄丢了手机，遭受了亲妈捆绑殴打一整晚，第二天再也没能睁开眼睛。</span><a
									href="InfoDetail.jsp">[详细]</a>
							</p>
							<p class="read-push">
								阅读 <span>112</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span>
							</p>
						</div>
					</div>
				</div>
				<div class="layui-col-lg6 content">
					<div>
						<div class="news-img">
							<a href="InfoDetail.jsp"><img src="res/img/news_img1.jpg"></a>
						</div>
						<div class="news-panel">
							<strong><a href="InfoDetail.jsp">睡前千万不要给孩子吃这6种食物，不仅会影响睡眠。</a></strong>
							<p class="detail">
								<span>孩子正处于长身体的重要阶段，对于营养的需求自然不小。很多家长怕孩子半夜饿，喜欢在睡前补充一些食物。但是，以下6种食物，孩子如果在睡前吃，不仅会危害身体健康，还会导致孩子睡不好觉，影响长个。</span><a
									href="InfoDetail.jsp">[详细]</a>
							</p>
							<p class="read-push">
								阅读 <span>3874</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-20</span>
							</p>
						</div>
					</div>
				</div>
				<div class="layui-col-lg6 content">
					<div>
						<div class="news-img">
							<a href="InfoDetail.jsp"><img src="res/img/news_img1.jpg"></a>
						</div>
						<div class="news-panel">
							<strong><a href="InfoDetail.jsp">养女儿，一定要让她漂亮！</a></strong>
							<p class="detail">
								<span>闹市街头，一位爸爸领着一对双胞胎女儿吸引住了我的目光。两个女儿五六岁，长得像天使一般动人。让人遗憾的是，家长给他们穿的衣服---大妈们买菜或做饭时穿的长袍式的家居服，看上去十分滑稽可笑。</span><a
									href="InfoDetail.jsp">[详细]</a>
							</p>
							<p class="read-push">
								阅读 <span>3393</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-20</span>
							</p>
						</div>
					</div>
				</div>
				<div class="layui-col-lg6 content">
					<div>
						<div class="news-img">
							<a href="InfoDetail.jsp"><img src="res/img/news_img1.jpg"></a>
						</div>
						<div class="news-panel">
							<strong><a href="InfoDetail.jsp">见好友在同一趟高铁
									粗心男子“串门”聊天</a></strong>
							<p class="detail">
								<span>出门在外若发现好友在同一趟高铁邂逅，你会如何做？近日，一男子上高铁后，打电话给一位久未联系好友，竟然得知出行乘坐同一趟车。于是，该男子兴奋地“串门”。</span><a
									href="InfoDetail.jsp">[详细]</a>
							</p>
							<p class="read-push">
								阅读 <span>4087</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-20</span>
							</p>
						</div>
					</div>
				</div>
				<div class="layui-col-lg6 content">
					<div>
						<div class="news-img">
							<a href="InfoDetail.jsp"><img src="res/img/news_img1.jpg"></a>
						</div>
						<div class="news-panel">
							<strong><a href="InfoDetail.jsp">一直在你身边对你好，你却没有发现。</a></strong>
							<p class="detail">
								<span>找老婆要找爱发脾气的女人。永远不会发脾气的女人就如同一杯白开水，解渴，却无味。而发脾气的女人正如烈酒般，刺激而令人无法忘怀。</span><a
									href="InfoDetail.jsp">[详细]</a>
							</p>
							<p class="read-push">
								阅读 <span>120</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span>
							</p>
						</div>
					</div>
				</div>
				<div class="layui-col-lg6 content">
					<div>
						<div class="news-img">
							<a href="InfoDetail.jsp"><img src="res/img/news_img1.jpg"></a>
						</div>
						<div class="news-panel">
							<strong><a href="InfoDetail.jsp">写经验交流材料的技巧全在这了！</a></strong>
							<p class="detail">
								<span>看不到您的原稿，这样对空发议论，估计对您的指导性是不大的。建议您将原稿贴出来，好让老师们针对指导。这里简单给出意见：</span><a
									href="InfoDetail.jsp">[详细]</a>
							</p>
							<p class="read-push">
								阅读 <span>835</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span>
							</p>
						</div>
					</div>
				</div>
				<div class="layui-col-lg6 content">
					<div>
						<div class="news-img">
							<a href="InfoDetail.jsp"><img src="res/img/news_img1.jpg"></a>
						</div>
						<div class="news-panel">
							<strong><a href="InfoDetail.jsp">写经验交流材料的技巧全在这了！</a></strong>
							<p class="detail">
								<span>看不到您的原稿，这样对空发议论，估计对您的指导性是不大的。建议您将原稿贴出来，好让老师们针对指导。这里简单给出意见：</span><a
									href="InfoDetail.jsp">[详细]</a>
							</p>
							<p class="read-push">
								阅读 <span>835</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span>
							</p>
						</div>
					</div>
				</div>
			</div>
			<div id="newsPage"></div>
		</div>
	</div>


	<!-- footer部分 -->
	<div class="layui-container" style="width:100%;margin-top:10px;">
	  	<%@ include file="footer.jsp" %> 
  	</div>
<script src="res/layui/layui.js"></script>
</body>
<script>
  layui.config({
    base: 'res/js/util/' 
  }).use('firm'); 
</script>
</html>